﻿
#boss_menu {
	width: 99.5333%;
	clear:both;padding:0;padding:0 0 15px ;float:left;
	border:1px solid #dcdcdc;
	border-top:0;
	border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
	background-color:#fff;
	display:none
	}
#boss_menu { position:relative;}
#boss_menu ul {list-style: none;margin: 0;padding: 0;}
#boss_menu ul  li.menu_item{width:auto;display:block;position:relative;padding:0 14px;margin:0; text-align:left; border-bottom:1px solid transparent; clear:both; border-top:1px solid transparent;margin:-2px 0 0 0 ;
 }
 #boss_menu ul  > li.menu_item:first-child { margin-top:0}
#boss_menu ul  li.menu_item.parent{
	background:url(../../image/icon_menu.png) no-repeat right center;
}
#boss_menu ul  li.menu_item.parent:first-child {background-position: right 22px;}
#boss_menu > ul > li > div.options_list ul li.sub_category{
	background:url(../../image/icon_menu.png) no-repeat right 10px;
}

#boss_menu  li:hover { z-index:16000}
#boss_menu ul li a{
	visibility: visible
}
#boss_menu ul  > li.menu_item > a{
	color:#323232;
	text-decoration:none;
	display: block;
	z-index:11;
	position:relative;	 
	white-space: nowrap;
	padding:10px 0;
	border-bottom:1px dotted #dcdcdc;
	text-transform:capitalize;
}
#boss_menu ul  > li.menu_item:first-child > a { padding-top:18px}
#boss_menu ul  > li.menu_item.last > a, #boss_menu ul  li.menu_item.last:hover{ border-color:transparent}
#boss_menu ul  li.menu_item:first-child:hover{ border-top-color:transparent}
#boss_menu ul  li.menu_item:hover { border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc}

#boss_menu ul  li.menu_item:hover  > a{  border-color:transparent; text-decoration:underline}
#boss_menu > ul > li:last-child{padding-right:0}
#boss_menu > ul > li ul > li{
	padding:0;
	display:block;
	width:auto;
	position:relative;
	z-index:20;
	margin:0
}

#boss_menu ul  > li.menu_item:hover >  a span {
    display: block;
    padding-right: 35px;
    position: relative;
    width: 100%;
}
/* menu */
#boss_menu  ul  li { position:relative}
#boss_menu > ul > li ul > li.parent{z-index:100}
#boss_menu > ul > li > div.options_list{background:#fff;position:absolute;padding:15px 0 0 ; border:1px solid #e1dbd4; text-align:left; left:100%; z-index:10;display:none;top:-1px !important;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-khtml-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;

}

#boss_menu ul li.menu_item.parent:hover a.title_menu_parent  span:after, #boss_menu ul li.menu_item.parent:hover a.title_menu_parent span:before{   border: medium solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0;}
	
#boss_menu ul li.menu_item.parent:hover a.title_menu_parent  span:after{border-color: rgba(255, 255, 15, 0)   rgba(255, 255, 15, 0) rgba(255, 255, 15, 0)  #fff;
    border-width: 10px;
    right: 2px; top:-2px;
    margin-left: -6px;}
#column-right #boss_menu ul li.menu_item.parent:hover a.title_menu_parent  span:after{border-color:rgba(228, 228, 228, 0)  #fff rgba(228, 228, 228, 0) rgba(228, 228, 228, 0) ; left:9px}
#boss_menu ul li.menu_item.parent:hover a.title_menu_parent  span:before {
    border-color: rgba(228, 228, 228, 0) rgba(228, 228, 228, 0) rgba(228, 228, 228, 0) #dcdcdc ;
    border-width: 10px;
    right: 1px;top:-2px;
    margin-left: -7px;}
#column-right #boss_menu ul li.menu_item.parent:hover a.title_menu_parent  span:before{ border-color:rgba(228, 228, 228, 0) #dcdcdc rgba(228, 228, 228, 0) rgba(228, 228, 228, 0)  ; left:10px}
	
#boss_menu > ul > li > div.options_list  a { color:#505050}
#boss_menu > ul > li > div.options_list  a:hover { text-decoration:underline}
#boss_menu > ul > li > div.options_list ul >li:hover> a{ color:#323232;text-decoration:underline}
#boss_menu > ul > li > div.options_list  a img { }

#boss_menu > ul > li > div.options_list .column.manufacturer li a{ /*float:left;*/ text-align:left; padding:0 ; width:92%; margin:0 4%}
#boss_menu > ul > li > div.options_list .column.manufacturer li a img { border:none;max-width: 100%;}
#boss_menu > ul > li > div.options_list .column.manufacturer li a img:hover{ opacity:0.6; filter:alpha(opacity=60)}
#boss_menu > ul > li > div.options_list .option ul li a:hover{}

/*#boss_menu > ul > li:hover > div {display:block; }*/
#column-right #boss_menu > ul > li:hover > div  {}
#boss_menu > ul > li > div.options_list ul li.sub_category{ }
#boss_menu > ul > li > div.options_list ul{text-align:left;padding:0;}

#boss_menu > ul > li > div.options_list ul.manufacturer li{margin:0 0 10px 0; text-align:center; display:inline-block; vertical-align:top;width: 100%;}
li.sub_category:hover > a { text-decoration:underline}

#boss_menu > ul > li > div.options_list ul.column.product li{ padding:0 20px;width:auto; margin:25px 0 0 0; overflow:hidden}
#boss_menu > ul > li > div.options_list ul.column.product li:first-child { margin-top:0}
#boss_menu > ul > li > div.options_list ul.column.product li.last{padding-bottom:0}
#boss_menu > ul > li > div.options_list .column.product li a{color: #323232;  line-height:1em; display:inline-block;padding:0; width:52%; margin-bottom:11px; font-size:12px }
#boss_menu > ul > li > div.options_list ul.column.product li a:first-child {width:38%; padding:0; margin:0 6% 10px 0;float: left;}
#boss_menu > ul > li > div.options_list .column.product li a:hover { text-decoration:underline}
#boss_menu > ul > li > div.options_list .column.product .description{ margin:3px 0 6px}
#boss_menu > ul > li > div.options_list .column.product li  { font-size:14px }
#boss_menu > ul > li > div.options_list li a { clear:both; display: block;white-space: normal;word-break: break-all;  padding:4px 22px 6px 25px;  text-transform: capitalize;}
#boss_menu > ul > li > div.options_list li .border-img{ display:inline-block; float:left; margin-bottom:9px;max-width: 86%;}
#boss_menu > ul > li > div.options_list  .column.product a img { /*max-width:94%; padding:2%;*/width:100%  }
#boss_menu > ul > li > div.options_list ul.product > li:hover > a{ color:#323232;text-decoration:none}

#boss_menu > ul > li > div.options_list a.parent{padding:0 20px 10px ; display:block; color:#323232; font:700 14px 'Archivo Narrow',Arial, sans-serif; text-transform:uppercase;white-space: normal;word-break: break-all; }
#boss_menu > ul > li > div.options_list a.parent:hover{ }
#boss_menu > ul > li > div.options_list a.parent img{margin-bottom:10px}
#boss_menu > ul > li > div.options_list .column.category{padding-bottom:0}
#boss_menu > ul > li > div.options_list a.parent + .column.category{padding-left:0; }
#boss_menu > ul > li > div.options_list a.parent + .column.category li a p{line-height:23px}
#boss_menu > ul > li > div.options_list .staticblock{margin:0 20px}
#boss_menu > ul > li > div.options_list .staticblock .menu-block{padding:13px 0 0}
#boss_menu > ul > li > div.options_list .staticblock p{padding:0; margin:0 0 20px 0; color:#505050; line-height:16px; overflow:hidden;}
#boss_menu > ul > li > div.options_list .staticblock p > img{margin-top:4px}
#boss_menu > ul > li > div.options_list .staticblock h3{ color:#323232; font:700 14px 'Archivo Narrow',Arial, sans-serif; text-transform:uppercase; line-height:1em; margin-bottom: 17px; padding:0; border-top:1px dotted #dcdcdc; padding-top:20px}
#boss_menu > ul > li > div.options_list .staticblock h3:first-child { border-top:0; padding-top:0}

#boss_menu > ul > li > div.options_list .information { border:none; font-weight:normal}

#boss_menu ul li ul li > div.sub_menu{ padding: 15px 0 10px;border: 1px solid #e1dbd4;background: #fff; z-index:9999; position:absolute;top:-16px;left:100%;display:none;margin-left:0; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;}
#boss_menu ul li ul li > div.sub_menu ul{ width:160px}
#boss_menu ul li ul li > div.sub_menu ul li{display:block}

.sub-inside  > ul > li {clear:both;margin:0 }
.sub-inside  > ul > li:first-child { border-top:0}

#column-right #boss_menu > ul > li > div.options_list , #column-right #boss_menu#boss_menu ul li ul li > div.sub_menu{left :auto; right:100%; margin-right:3px; margin-left:0}
#column-right #boss_menu#boss_menu ul li ul li > div.sub_menu { margin:0}
#column-right  #boss_menu > ul > li > div.options_list li a { }
#boss_menu > ul > li > div.options_list .option{ margin-bottom:10px; float:none!important; display:inline-block; vertical-align:top; }

.quick-select { position:relative; z-index:1000}
.quick-select > p { 
	font-family: 'Archivo Narrow',Arial, sans-serif;
	color:#fff; 
	text-transform:uppercase;
	text-align:left;
	background:#2c2c2c url(../../image/bkg_menu.png) repeat-x center bottom ;
	height:43px;
	line-height:46px;	
	vertical-align:middle;
	margin:0;
	border-left:1px solid #484848;
	border-bottom:5px solid #1f1f1f;
	-moz-border-radius: 3px 0 0 0;
	-webkit-border-radius: 3px 0 0 0;
	border-radius: 3px 0 0 0;

}
.quick-select > p span { line-height:20px; padding:0 6%; display:inline-block;width: 73%; vertical-align: middle;}
.quick-select > p  i{ vertical-align: middle; display:inline-block}

#boss_menu, #menu { display:none; position:absolute; top:48px; left:0; cursor:pointer}
.other_page .quick-select > p{cursor:pointer}


/* Responsive Menu */
#megamenu-responsive{
    width:100%;
	position:relative;
	z-index:98;
	clear:both;
	text-align:left;
	margin-top:15px
}

.menu-toggle > p{
    display:block;
    float:left;
    margin:-6px 10px 0 0;
    background: url('../../image/menu_res.png') no-repeat 50%;
    height:30px;
    width:30px;
}

.menu-toggle{
    padding:5px;
    margin:0!important;
    background:#eee;
    color:#000;
    font-size:15px;
    cursor:pointer;    
    border-radius: 3px;
    -moz-border-radius: 3px;
	border:1px solid #eee
}

#megamenu-responsive-root > li{padding:10px 0;display:block;font: 14px/16px Helvetica,Arial, sans-serif; margin:0}
#megamenu-responsive-root > li.root { padding:0}
#megamenu-responsive-root li.root > ul{ margin-top:10px;display:none;}

#megamenu-responsive-root li.root.open > ul{
    display:block;
}

#megamenu-responsive-root li.parent > ul{
    display:none;
}


#megamenu-responsive li.parent {clear:both
}
#megamenu-responsive .root li{padding:14px 0;margin-bottom:10px;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	

}
#megamenu-responsive .root > ul > li{ background-color:#2c2c2c;position: relative;}

#megamenu-responsive .root > ul > li:before, #megamenu-responsive .root > ul > li:after { content: ""; position: absolute;     border-radius: 3px;
    -moz-border-radius: 3px; } 
#megamenu-responsive .root > ul > li:before { 
top: -1px; 
left: -1px; 
bottom: 0; 
right: -1px; 
background-image: -webkit-gradient(linear, 0 0, 0 50%, from(#484848), to(transparent)); 
background-image: -webkit-linear-gradient(#484848, transparent); 
background-image: -moz-linear-gradient(#484848, transparent); 
background-image: -o-linear-gradient(#484848, transparent); 
z-index: -2;
} 
#megamenu-responsive .root > ul > li:after { z-index: -1; top: 0; left: 0; bottom: 0; right: 0; background: #2c2c2c; }
#megamenu-responsive .root li + li{}
#megamenu-responsive .root li a:hover{
    color:#e31111;text-decoration:none
}
#megamenu-responsive li.parent ul{
    margin:10px 0 -10px;clear:both;
}
#megamenu-responsive .root li ul{padding:0 0 0 20px;overflow:hidden}
#megamenu-responsive .root li ul li { background:none;	margin:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0; }
#megamenu-responsive ul span{}

#megamenu-responsive .root  ul  li  a,
#megamenu-responsive .root > ul > li > ul > li > a{
	font-size:14px;
    color:#fff;
}

#megamenu-responsive a{
    display:inline-block;
	text-indent:20px
}

#megamenu-responsive li.parent > a span{
    display:block;
}

#megamenu-responsive li.parent > p{
    display:inline-block;
    float:right;
    padding:0 10px;
    width:10px;height:18px;line-height:16px;
    text-align:center;
    cursor:pointer;
    font-weight:700;
    font-size:14px;
    background:#ececec;
    color:#555555;
    margin:0 10px 0 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
a.product_image img{
max-width : 100%;
}

.notouch #boss_menu > ul > li:hover > div.options_list, .notouch #boss_menu ul li ul li:hover > div.sub_menu, .notouch #menu > ul > li:hover > div { display:block!important}


